/* 
自定义主题变量
这些变量目前只能通过uni.scss引入才有效，另外由于uni.scss中引入的样式会同时混入到全局样式文件和单独每一个页面的样式中，造成微信程序包太大。
故uni.scss只建议放scss变量名相关样式，其他的样式可以通过main.js或者App.vue引入。
*/

// 1. 主要颜色
/* 主背景颜色 (深蓝)*/
$main-bg-color: #1A1333;
/* 主点击背景颜色(紫色) */
$main-bg-hover-color: #282141;
/* 主字体颜色(浅灰色) */
$main-text-color: #7B73A2;
/* 主字体背景颜色(浅灰色) */
$main-text-bg-color: #35304D;
/* 主边框颜色(深蓝色) */
$main-border-color: #4A4363;
/* 主页面颜色（藏蓝色） */
$main-page-color: #1A1333;
/* 主盒子颜色(淡蓝色) */
$main-box-color: #282141;

// 2. 行为相关颜色
/* 颜色 dark：暗色 light：浅色 disabled：禁用色*/
$behaviour-color: (
	/*主要*/
	primary:#2979ff,
	primary-dark: #2b85e4,
	primary-disabled: #a0cfff,
	primary-light: #ecf5ff,
	/*成功*/
	success: #19be6b,
	success-dark: #18b566,
	success-disabled: #71d5a1,
	success-light: #dbf1e1,
	/*危险*/
	danger: #EE453C,
	danger-dark: #dd6161,
	danger-disabled: #fab6b6,
	danger-light: #fef0f0,
	/*警告*/
	warning: #ff9900,
	warning-dark: #f29100,
	warning-disabled: #fcbd71,
	warning-light: #fdf6ec,
	/*信息*/
	info: #909399,
	info-dark: #82848a,
	info-disabled: #c8c9cc,
	info-light: #f4f4f5
);

// 3. 主题颜色
$theme-color: (
	/*橘色*/
	orange: #ff8101,
	orange-dark: #ff8f00,
	orange-light: #faa035,
	/*绿色*/
	green: #01906c,
	green-dark: #00a47c,
	green-light: #6ec679,
	/*红色*/
	red: #ff5d59,
	/*白色*/
	white: #fff,
	/*黑色*/
	dark: #343a40,
);

// 4. 其他颜色
/*文本颜色*/
$text-color: (
	color1: #333333, /*主要文字*/
	color2: #666666, /*常规文字*/
	color3: #999999, /*次要文字*/
	place: #BCBCBC, /*占位文字*/
);
/*边框颜色*/
$border-color: (
	color1: #dcdfe6, /*一级边框*/
	color2: #e4e7ed, /*二级边框*/
	color3: #ebeef5, /*三级边框*/
	color4: #f2f6fc, /*四级边框*/
);
/*背景颜色*/
$bg-color: #f3f4f6;
